<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注意点</title>
    <style>
        #outer>p{
            color: green;
        }
    </style>
</head>
<body>
    <!-- 注意点:
    内联元素:
    span font u i b strong em img td input textarea ...

    块元素:
    div hr br p pre table tr ul li ...
    -->

    <!-- 1. 内联元素可以嵌套内联元素  <span><font></font></span> 
         2. 内联元素嵌套块元素<a><div></div></a>  - 不ok
         3. 块元素是可以嵌套内联元素的 <div><img></div>
         4. 块元素可以嵌套部分块元素,比如p不能嵌套使用div.ul等..
    -->
    <div id="outer">
        <p>
            大P
        </p>

        <p>
            二P
        </p>

        <div>
            <p>三P</p>
        </div>
    </div>
</body>
</html>